<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Web-Bejewel - by Siemen Liu</title>
    <script src="src/XM/Lang.js"></script>

    <script src="conf/config.global.js"></script>
    <script src="conf/config.resource.js"></script>

    <script src="src/XM/common/ResourceManager.js"></script>

    <script src="src/XM/bejewel/GemUnit.js"></script>
    <script src="conf/config.layer.js"></script>
    <script src="src/XM/canvas/EventTranslator.js"></script>
    <script src="src/XM/canvas/LayerManager.js"></script>
    <script src="src/XM/canvas/RenderController.js"></script>
    <script src="src/XM/bejewel/Bejewel.js"></script>

    <script>
    function main() {
		var canvas = document.getElementById('mouseTraceDemo');
		canvas.width = 800 || window.innerWidth;
		canvas.height = 600 || window.innerHeight;

        GLOBAL_CONFIG['canvas'] = canvas;
        XM.bejewel.Bejewel.run();

        console.log('ResourceManager', XM.common.ResourceManager);
        console.log('LayerManager', XM.canvas.LayerManager);
        console.log('EvnetTranslator', XM.canvas.EventTranslator);
    }
    </script>
  </head>
  <body onload="main()" onresize="" style="margin: 0px;overflow: hidden;background-color:#fff">
    <div style="position:absolute; top:0; left:0">
      <canvas id="mouseTraceDemo"></canvas>
    </div>
  </body>
</html>